<!doctype html>
<!--[if lt IE 7 ]> <html lang="ja" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="ja" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="ja" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="ja" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="ja" class="no-js"> <!--<![endif]-->
<head>
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

	<title>jQuery.urlencode & decode() プラグインをテスト</title>
	<meta name="description" content="" />
	<meta name="author" content="Y.Nishimura@Office L / nishimuray@gmail.com" />

	<meta name="viewport" content="width=device-width, initial-scale=1.0" />

	<link rel="shortcut icon" href="/favicon.ico" />
	<link rel="apple-touch-icon" href="/apple-touch-icon.png" />

	<link rel="stylesheet" href="css/test.style.css?v=1" />

	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
	<script type="text/javascript" src="js/modernizr.js"></script>
	<script>!window.jQuery && document.write('<script src="js/jquery-1.6.1.js"><\/script>')</script>
	<script type="text/javascript" src="js/test.script.js"></script>
</head>
<body>

<table border="1">
<tr>
<td>
エンコードする文字（例：a%20b%20c）<br />
<textarea id="str1"></textarea>
</td>
<td>
<input type="button" id="encp" value="→URLEncodeプラグイン" /><br />
<input type="button" id="decp" value="URLDecodeプラグイン←" /><br />

<br />
<input type="button" id="enc" value="→encodeURIComponent" /><br />
<input type="button" id="dec" value="decodeURIComponent←" /><br />
</td>
<td>
デコードする文字（例：a b c）<br />
<textarea id="str2"></textarea></td>
</tr>
</table>

<input type="button" id="clr" value="初期化" />

<p>テスト用データ（クリックしてセット）</p>
<ul id="test">
<li>a b c</li>
<li>1 2 3</li>
<li>日本語</li>
</ul>

<script type="text/javascript">
<!-- 

// UrlEncode & Decode プラグイン。
// http://plugins.jquery.com/project/URLEncode
// http://0061276.netsolhost.com/tony/javascript/urlEncode.js
$.extend({URLEncode:function(c){var o='';var x=0;c=c.toString();var r=/(^[a-zA-Z0-9_.]*)/;
  while(x<c.length){var m=r.exec(c.substr(x));
    if(m!=null && m.length>1 && m[1]!=''){o+=m[1];x+=m[1].length;
    }else{if(c[x]==' ')o+='+';else{var d=c.charCodeAt(x);var h=d.toString(16);
    o+='%'+(h.length<2?'0':'')+h.toUpperCase();}x++;}}return o;},
URLDecode:function(s){var o=s;var binVal,t;var r=/(%[^%]{2})/;
  while((m=r.exec(o))!=null && m.length>1 && m[1]!=''){b=parseInt(m[1].substr(1),16);
  t=String.fromCharCode(b);o=o.replace(m[1],t);}return o;}
});




$(function() {

	var str  ='';	// textarea の値を入れる
	var strc ='';	// 変換した値を入れる

	$("#encp").click(function(){
		str  = $("#str1").val();
		strc = $.URLEncode(str);
		console.log(strc);
		$("#str2").val(strc);
	});
	$("#decp").click(function(){
		str  = $("#str2").val();
		strc = $.URLDecode(str);
		console.log(strc);
		$("#str1").val(strc);
	});

	// 結論としてこのプラグインは日本語環境で使い物にならない

	$("#enc").click(function(){
		str  = $("#str1").val();
		strc = encodeURIComponent(str);
		console.log(strc);
		$("#str2").val(strc);
	});
	$("#dec").click(function(){
		str  = $("#str2").val();
		strc = decodeURIComponent(str);
		console.log(strc);
		$("#str1").val(strc);
	});

	// コードが同じなら使えるほうを使えばOK

	$("#clr").click(function(){	// 初期化
		$("#str1").val("");
		$("#str2").val("");
	});

	$("#test li").click(function(){	// クリックしたテキストを左のテキストエリアに入れる
		$("#str1").val($(this).text());
	});
});
// -->
</script>

</body>
</html>
